<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./腾讯网.css">
</head>
<body>
    <div class="bigbody">
        <div style="height: 80px; width: 1400px; margin: 0 auto;">
            <h1 class="xiaobiao">
                <a href="#">
                    <img src="https://mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/qq_logo_2x.png" alt="腾讯网" style="width: 100%;">
                </a>
            </h1> 
            <div class="hongbao">
                <a href="https://new.qq.com/hb_index.htm">
                    <img src="https://mat1.gtimg.com/rain/apub2019/2961b7c6aa69.8001160.png" title="腾讯新闻 送惊喜红包" style="width: 100%;">
                </a>
            </div>
            <div class="sousuo">
                <div class="caidan">
                    <div class="caidan1">网页</div>
                </div>
                <input type="text" aria-label="请输入搜索文字">
                <div style="float: left;">
                    <button type="submit" class="sougou">搜狗搜索</button>
                </div>
            </div>
            <div style="float: right; margin-top: 22px;">
                <div style="float: left; width: 40px; position: relative;">
                    <a href="https://qzone.qq.com/" class="tubiao1"></a>
                </div>
                <div style="float: left; width: 40px; position: relative;">
                    <a href="https://mail.qq.com" class="tubiao2"></a>
                </div>
                <div style="float: left; width: 40px; position: relative;">
                    <a href="#" class="denglu">登录</a>
                </div>
            </div>
         </div>     <!--上面部分-->

         <div style="padding-bottom:30px ; width: 1400px; margin: 0 auto;">
             <div class="daohang">
                 <ul style="float: left; line-height: 50px; margin-top: 9px;">
                    <li class="daohang1">
                         <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">新闻</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">视频</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">图片</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">军事</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">体育</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">NBA</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">娱乐</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">财经</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">科技</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">时尚</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">汽车</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">房产</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">教育</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">文化</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">星座</a>
                    </li>
                    <li class="daohang1">
                        <a href="" style="padding: 4px 5px;color: #FFF;" class="haha">游戏</a>
                    </li>
                 </ul>
                 <div style="height:80px ;width:51px ; float: left;" class="wocao">
                    <div class="gengduo">
                        更多
                    </div>
                    <div class="yincang">
                        <ul>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>
                            <li ><a href="#" style="color: #455569;">百态</a></li>      
                        </ul>
                    </div>
                 </div>
             </div>
         </div>  

         <div class="hehe"> 
             <div class="yanjie">
                 <div class="yanjie2">
                    <a href="https://news.qq.com/mobile/index.htm" class="yanjie1"></a>
                 </div> 
             </div>
             <div style="float: right; width: 440px; position: relative;">
                <div class="saohuang">
                    <img src="https://img1.gtimg.com/ninja/2/2020/06/ninja159334882913158.png" style="width: 100%;">
                </div>
             </div>
         </div>

         <div style="margin-bottom: 20px; width: 1400px; margin: 0 auto; overflow: hidden;">
             <div style="margin-right: 40px; width: 440px; float: left ;color: #222;">
                <div style="position: relative;">
                    <div class="yaowen">
                        <h2 class="yaowen1">
                            <a href="https://news.qq.com/">要闻</a>
                        </h2>
                        <span class="yaowen2"></span>
                        <h2 class="feiyan">
                            <a href="https://new.qq.com/ch/antip/">抗肺炎</a>
                        </h2>
                        <span class="yaowen2"></span>
                        <h2 class="hunan">
                            <a href="https://hn.qq.com/">湖南新闻</a>
                        </h2>
                        <div class="tianqi">
                            <a href="https://tianqi.qq.com/?province=%E6%B9%96%E5%8D%97%E7%9C%81&city=%E6%B9%98%E6%BD%AD%E5%B8%82">
                                <div style="float: left; margin-top: 8px;">湘潭</div>
                                <div class="sun"></div>
                                <div style="margin-left:5px; float: left; margin-top: 8px;">8℃</div>
                            </a>
                        </div>
                    </div>
                    <div class="bd" style=" line-height: 36px;">
                        <div>
                            <ul>
                                <li class="lizi">
                                    <a href="" style="font-weight: bold;">中共中央政治局开会，审议这3个重要文件</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="font-weight: bold; line-height: 36px;">走出赵家洼</a>
                                    <a href="" style="font-weight: bold; line-height: 36px;">实施“一带一路”应对气候变化南南合作计划</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">2021“我向总理说句话”网民建言征集活动开始</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">中国和东盟，为啥这么香</a>
                                    <a href="" style="line-height: 36px;">期待与中国进一步扩大合作</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">求是杂志编辑部：为文化自信提供坚实支撑</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">国际劳工组织总干事：中国为全球脱贫事业树立榜样</a>
                                </li>
                                <li class="lizi1">
                                    <a href=""style="line-height: 36px;">塔克拉玛干腹地矗起沙漠新村</a>
                                    <a href=""style="line-height: 36px;">这笔钱贫困户稳稳领10年</a>
                                </li>                              
                            </ul>
                            <ul style="line-height: 36px;">
                                <li class="matou">
                                    <div class="matou1">
                                        <a href="">
                                            <img src="https://img1.gtimg.com/ninja/2/2020/12/ninja160679900593443.jpg" style="width: 100%; border-radius: 4px; ">
                                        </a>
                                    </div>
                                    <div class="matou2">
                                        <a href="" style="position: relative; top: -7px; line-height: 30px;">终于！“马首”回家了 其余<br> 兽首何在？</a>
                                    </div>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">孟晚舟被加拿大错误拘押已两年 驻加大使表达慰问</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">澳大利亚驻华使馆发了条微博，评论区翻车了</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">十问延迟退休！“打工人”关心的都在这里</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">中日恢复商务人员往来 日本经济界这样评价</a>
                                </li>
                                <li class="lizi1">
                                    <a href="" style="line-height: 36px;">丁真火到海外！华春莹“三连推”下网友这么说</a>
                                </li>                              
                            </ul>
                        </div>
                    </div>
                </div>
             </div> <!-- 下左 -->

             <div class="xiazhong">
                 <div style="margin-bottom: 6px; color: #222;">
                     <div class="huati">
                         <h2 class="huati1">
                             <a href="">今日话题</a>
                         </h2>
                     </div>
                     <div style="line-height: 36px;">
                        <ul>
                            <li class="lizi">
                                <a href="" style="font-weight: bold;">中共中央政治局开会，审议这3个重要文件</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">人民日报</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">冷！西北华北降雪增多，南方多地大范围阴雨</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">新京报</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">央视新闻</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">深网</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">棱镜</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;">较真</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足虚伪</a>
                            </li>
                        </ul>
                     </div>
                 </div>
                 <div style="margin-bottom: 6px;">
                    <div class="cao">
                        <h2 class="cao1">
                            <a href="" style="color: #1479d7;font-size: 20px; ">
                            <img src="https://img1.gtimg.com/news/pics/hv1/2/75/2323/151072202.png" alt="" style="height: 50px;">
                            </a>
                        </h2>
                    </div>
                    <div style="margin-top: -14px; line-height: 36px;">
                        <ul style="line-height: 36px;">
                            <li class="matou" style="padding: 15px 0 20px;">
                                <div class="matou1">
                                    <a href="">
                                        <img src="https://inews.gtimg.com/newsapp_ls/0/12839417772_580328/0" style="width: 100%; border-radius: 4px; ">
                                    </a>
                                    <i></i>
                                </div>
                                <div class="matou2">
                                    <a href="" style="position: relative; top: -7px; line-height: 30px;">商业地理｜县城出了个保健品<br> 巨头：谁说西方的就是好的</a>
                                </div>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;">孟晚舟被加拿大错误拘押已两年 驻加大使表达慰问</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;">孟晚舟被加拿大错误拘押已两年 驻加大使表达慰问</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;" class="tubiao4">时光复原师</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;" class="tubiao4">暗中观察</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="color:#253e6d ; font-weight: bold;" class="tubiao4">眼界TALK</a>
                                <span style="padding: 0 5px; color: #e9e9e9;">|</span>
                                <a href="" style="line-height: 36px;">人民日报钟声：澳大利亚无理指责，十足</a>
                            </li>
                        </ul>
                    </div>
                 </div>
             </div>
             <div class="xiayou" style="width: 440px; color: #222; float: right;">
                 <div style="position: relative; margin: 3px 0 13px; color: #222;">
                     <ul style="border: 1px solid #cae0f3; font-size: 14px;">
                        <li class="haoduo" style="background-image: url(//mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png); background-position: right -290px;">
                            <a href="">新闻APP</a>
                            <a href="">体育APP</a>
                            <a href="">企鹅号</a>
                            <a href="">快报</a>
                            <a href="">视频</a>
                            <a href="">浏览器</a>
                            <a href="">微视</a>
                        </li>
                        <li class="haoduo" style="background-image: url(//mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png); background-position: right -340px;">
                            <a href="">微信</a>
                            <a href="">QQ</a>
                            <a href="">空间</a>
                            <a href="">企业微信</a>
                            <a href="">邮箱</a>
                            <a href="">腾讯云</a>
                            <a href="">电脑管家</a>
                        </li>
                        <li class="haoduo" style="background-image: url(//mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png); background-position: right -386px;">
                            <a href="">LOL</a>
                            <a href="">DNF</a>
                            <a href="">CF</a>
                            <a href="">王者</a>
                            <a href="">单机游戏</a>
                            <a href="">视火影OL</a>
                            <a href="">天刀</a>
                        </li>
                        <li class="haoduo" style="background-image: url(//mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/icons.png); background-position: right -440px;">
                            <a href="">软件</a>
                            <a href="">Q币</a>
                            <a href="">京东</a>
                            <a href="">腾讯地图</a>
                            <a href="">腾讯文档</a>
                            <a href="">理财通</a>
                            <a href="" style="color:#FFF; background-color: #b5ccec ; padding: 0 10px; border-radius: 12px;">全部</a>
                        </li>
                     </ul>
                 </div>
                 <div style="margin-bottom: 6px; color: #222;">
                    <div class="huati" style="margin-bottom: 25px; overflow: hidden;">
                        <h2 class="huati1">
                            <a href="">热门赛事</a>
                        </h2>
                        <div style="float: right; line-height: 40px;">
                            <a href="" style="font-size: 14px; line-height: 45px;">
                                <span style="color: #3d82f8; margin-right: 9px;">12月1日</span>
                                <span class="azhe"></span>
                                <span class="azhe1">晚上好，今天有17场热门比赛</span>
                            </a>
                        </div>
                    </div >
                    
                    <div style="line-height: 36px;">
                        <ul>
                            <li class="zuihou1">
                                <img src="https://img1.gtimg.com/ninja/2/2020/12/ninja160678690487746.jpg" alt="" style="width: 100%;">
                                <i></i>
                                <a href="">威姆斯晒广东男篮备战花絮 胡明轩开心大跳赵睿姨母笑</a>

                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;" class="zuihou">亚冠上港0-4惨负悉尼FC 后卫傅欢放弃防守被吐槽</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;" class="zuihou">亚冠上港0-4惨负悉尼FC 后卫傅欢放弃防守被吐槽</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;" class="zuihou">亚冠上港0-4惨负悉尼FC 后卫傅欢放弃防守被吐槽</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;" class="zuihou">亚冠上港0-4惨负悉尼FC 后卫傅欢放弃防守被吐槽</a>
                            </li>
                            <li class="lizi1">
                                <a href="" style="line-height: 36px;" class="zuihou">亚冠上港0-4惨负悉尼FC 后卫傅欢放弃防守被吐槽</a>
                            </li>
                        </ul>
                    </div>
                 </div>
             </div>
         </div>
    </div>
</body>
</html>